var form = layui.form
form.verify({
  nickname: function (value) {
    if (value.length > 6) {
      return '昵称长度必须在 1 ~ 6 个字符之间！'
    }
  }
})

initUserInfo()
//利用 `form.val()` 进行快速赋值
//赋值之前我们需要给 `form` 表单添加 一个 `lay-filter` 的属性
//调用 `form.val()` 方法为表单赋值
// 初始化用户的基本信息
function initUserInfo() {
  $.ajax({
    method: 'GET',
    url: '/my/userinfo',

    success: function (res) {
      if (res.status !== 0) {
        return layer.msg('获取用户信息失败！')
      }
      //console.log(res)
      form.val('forUserInfo', res.data)
    }
  })
}

/**
* 完成修改用户信息的功能
* 1. 需要给表单注册submit事件 阻止表单的默认行为
* 2. 需要收集到 表单的数据
* 3. 查阅接口文档 关注请求方式与请求参数 还有请求的类型
* 4. 发送ajax
* 5. 接收服务器响应回来的数据
* 6. 判断是否修改成功 如果失败就需要提示用户
* 7. 如果成功 需要更新页面上面的数据
*/

$('#editForm').on('submit', function (e) {
  e.preventDefault();
  var data = $(this).serialize();
  $.ajax({
    type: 'post',
    url: '/my/userinfo',
    data,
    success: function (res) {
      var { status, message } = res
      if(status !== 0)layui.layer.msg(message)
      //表示用户修改数据成功
      //在子页面里修改父页面的数据 window.parent
      layui.layer.msg('修改成功')
      window.parent.getUserInfo()
    }
  })
})

$('#reset').on('click',function(e) {
  e.preventDefault()
  initUserInfo()
})